import React from "react"
import "./CommentCard.css"

function CommentCard(props) {
    return (
        <div className="comment_card">
            <div className="root_comment">
                <div className="commentator">
                    <img src={props.comment.commentator.avatar_url} alt="" />
                    <h3>{props.comment.commentator.username}</h3>
                    <span>{props.comment.createdAt.split("T")[0]}</span>
                </div>
                <div className="comment_content">
                    <p>{props.comment.content}</p>
                    <div className="comment_revert">
                        <p><span className="iconfont iconhuifu"></span>回复</p>
                    </div>
                </div>
            </div>
            <div className="reply_comment"></div>
        </div>
    )
}

export default CommentCard